<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="livequery,jquery" />
<title>jQuery+PHP+ajax实现加载更多内容列表</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript">
$(function(){
	//输入搜索并回车执行
	$("input[name=title]").keydown(function(event){
		if(event.keyCode==13){
			if($(this).val()!=''){
				 m = 'title/'+$(this).val();
			}else{
				m = '';
			}
			soso(m,'p/1');
		}
	});
})
// m代表搜索 p代表分页数
function soso(m,p){
	$.ajax({
		url:'__ROOT__/Home/More/ajax_soso/'+m+'/'+p,
		dataType:'json',
		beforeSend:loading,
		success:function(data){
			$('.s').html('');
			$('.b').html(data[2]);
			
			for(i=0;i<=50;i++){ //i<= num  显示每页多少列
				$('.s').append(data['1'][i]['id']+':'+data['1'][i]['title']+'<br/>');
				
			}
		}
	});
}
//触发分页
function ajax_page(p){
		var v='p/'+p;
		if($("input[name=title]").val()!==''){
		m = 'title/'+$("input[name=title]").val();
		}else{
		m ='';
		}
		$("html,body").animate({scrollTop:$(".s").offset().top},600);
		soso(m,v);
}
soso('','');
function loading(){ 
	$('.s').html("<img src='__PUBLIC__/more/loader.gif' />");  //suceess之前 显示loading效果
}
</script>
</head>
<body>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
 <input type="text" name="title" value="" />
<div class="s"></div><BR>
<div class="b"></div>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
</body>
</html>
